<script setup>
import router from '@/router/index.js'
</script>

<template>
    <div class="notFound">
        <div
            style="
                position: absolute;
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 300px;
            "
        >
            <h3>404 访问路径错误</h3>
            <div>
                <button @click="router.push('/')">去首页</button>
            </div>
            <img
                style="position: absolute; bottom: -10px; right: 0; width: 100px; height: 100px"
                src="/404.webp"
                alt=""
            />
        </div>
    </div>
</template>

<style scoped>
.notFound {
    width: 100vw;
    height: 100vh;
    position: relative;
}
</style>
